<!DOCTYPE html>
<html>
<head>
	<title>文章管理</title>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- layui -->
	<link rel="stylesheet" type="text/css" href="../lib/layui/css/layui.css">
	<!-- umeditor -->
	<link rel="stylesheet" type="text/css" href="../lib/umeditor/themes/default/css/umeditor.min.css">
	<!-- Custom -->
	<link rel="stylesheet" type="text/css" href="../lib/css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../lib/css/easy_umeditor.css" />
	<link rel="stylesheet" type="text/css" href="../css/tactics.css" />
</head>
<body>
	<!-- wrap -->
	<div class="wrap">
		<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
			<ul class="layui-tab-title">
				<li class="layui-this">文章管理</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<!--<div class="layui-form clearAfter">
						<div class="layui-form-item fl cn">
							<label class="layui-form-label">开始日期</label>
							<div class="layui-input-inline">
								<input class="layui-input searchTacticsDateStart" placeholder="请输入开始日期" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY/MM/DD hh:mm:ss'})">
							</div>
						</div>
						<div class="layui-form-item fl cn">
							<label class="layui-form-label">结束日期</label>
							<div class="layui-input-inline">
								<input class="layui-input searchTacticsDateStop" placeholder="请输入结束日期" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY/MM/DD hh:mm:ss'})">
							</div>
						</div>
						<div class="layui-form-item fl cn">
							<label class="layui-form-label">类型</label>
							<div class="layui-input-inline searchTacticsType">
								<select class="searchTacticsTypeTpl">
									<option value="">请选择类型</option>
									<option value="" selected="">全部</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item fl cn">
							<label class="layui-form-label">标题</label>
							<div class="layui-input-inline">
								<input type="text" placeholder="请输入标题" class="layui-input searchTacticsTitle">
							</div>
						</div>
						<div class="layui-form-item fl cn">
							<label class="layui-form-label">阅读量</label>
							<div class="layui-input-inline">
								<input type="text" placeholder="请输入阅读量" class="layui-input searchTacticsAuthor">
							</div>
						</div>
						<div class="layui-form-item fl cn">
							<label class="layui-form-label">发布人</label>
							<div class="layui-input-inline">
								<input type="text" placeholder="请输入发布人" class="layui-input searchTacticsPublisher">
							</div>
						</div>
						<button class="layui-btn searchTacticsBtn fl">搜索</button>
						<button class="layui-btn addTacticsBtn fl">新增</button>
					</div>-->
					<table class="layui-table">
						<colgroup>
								<col width="200">
								<col width="150">
								<col width="300">
								<col width="200">
								<col width="200">
								<col width="200">
								<col width="150">
						</colgroup>
						<thead>
								<tr>
									<th>创建日期</th>
									<th>文章类型</th>
									<th>文章标题</th>
									<th>文章阅读量</th>
									<th>文章发布日期</th>
									<th>文章发布人</th>
									<th>操作</th>
								</tr>
						</thead>
						<tbody class="showTacticsList"></tbody>
					</table>
					<div id="page"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="layui-form clearAfter editTacticsTpl">
		<div class="left fl">
			<div class="layui-form-item">
				<div class="layui-input-block mn">
					<script type="text/plain" id="editTacticsContent" class="editTacticsContent" style="width:600px; height:400px;"></script>
					<div class="upImg editUmUpImg fl">
                        <button class="layui-btn upImgBtn editUmUpTeacher" style="cursor: default; margin-bottom: 10px;"><i class="layui-icon"></i> 插入老师</button>
                    	<input type="file" class="upImgFile editUmUpImgFile" />
						<button class="layui-btn upImgBtn"><i class="layui-icon"></i> 插入图片</button>
                    </div>
				</div>
			</div>
		</div>
		<div class="right fl">
			<div class="layui-form-item">
				<label class="layui-form-label">文章标题</label>
				<div class="layui-input-inline mn">
					<input type="text" placeholder="请输入文章标题" class="layui-input editTacticsTitle">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">文章阅读量</label>
				<div class="layui-input-inline mn">
					<input type="text" placeholder="请输入文章阅读量" class="layui-input editTacticsAuthor">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label" style="white-space: nowrap;">文章发布日期</label>
				<div class="layui-input-inline mn">
					<input type="text" placeholder="请输入文章发布日期" class="layui-input editTacticsTime">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">文章类型</label>
				<div class="layui-input-inline mn editTacticsType">
					<select class="editTacticsTypeTpl">
						<option value="">请选择文章类型</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">底部二维码</label>
				<div class="layui-input-inline mn">
					<div class="upTacticsCover">
						<img src="" alt="" class="editTacticsCover" />
					</div>
					<div class="upImg fl">
						<input type="file" class="upImgFile editUpImgFile" />
						<button class="layui-btn upImgBtn"><i class="layui-icon"></i> 插入图片</button>
					</div>
					<div class="layui-form-mid layui-word-aux">尺寸：100*100像素</div>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block mn">
				<button class="layui-btn savaEditTactics">保存</button>
			</div>
		</div>
    </div>
	<script type="text/javascript" src="../lib/js/jquery-1.12.2.min.js"></script>
	<script type="text/javascript" src="../lib/js/json2.js"></script>
	<script type="text/javascript" src="../lib/js/system-config.js"></script>
	<script type="text/javascript" src="../lib/layui/layui.js"></script>
	<!-- 引入layer,element,laydate模块 -->
	<script type="text/javascript">
		layui.use(['layer','element','laydate'], function(){
  			var layer = layui.layer,
  			      element = layui.element();
		});
	</script>
	<script type="text/javascript" src="../lib/js/jsrender-min.js"></script>
	<!-- 定义行业资讯模板 -->
	<script type="text/x-jsrender" id="tacticsTpl">
		<tr uid="{{:id}}">
			<td>
				<span class="showTacticsDate">{{:createTime}}</span>
			</td>
			<td>
				<span class="showTacticsType" id="{{:articleType}}">{{:typeName}}</span>
			</td>
			<td>
				<span class="showTacticsTitle">{{:articleTitle}}</span>
			</td>
			<td>
				<span class="showTacticsAuthor">{{:articleAuthor}}</span>
			</td>
			<td>
				<span class="showTacticsTime">{{:articleTime}}</span>
			</td>
			<td>
				<span class="showTacticsPublisher">{{:authorPublisher}}</span>
			</td>
			<td>
				<button class="layui-btn layui-btn-small editTacticsBtn"><i class="layui-icon"></i></button>
				<!--<button class="layui-btn layui-btn-small delTacticsBtn"><i class="layui-icon"></i></button>-->
			</td>
		</tr>
	</script>
	<!-- 定义编辑行业资讯类型模板 -->
	<script type="text/x-jsrender" id="editTacticsTypeTpl">
		{{if #index==0}}
			<option value="{{:id}}" selected="">{{:comment}}</option>
		{{else}}
			<option value="{{:id}}">{{:comment}}</option>
		{{/if}}
	</script>
	<!-- 定义搜索行业资讯类型模板 -->
	<script type="text/x-jsrender" id="searchTacticsTypeTpl">
		<option value="{{:id}}">{{:comment}}</option>
	</script>
	<script type="text/javascript" charset="gbk" src="../lib/umeditor/umeditor.config.js"></script>
	<script type="text/javascript" charset="gbk" src="../lib/umeditor/umeditor.min.js"></script>
	<script type="text/javascript" src="../lib/umeditor/lang/zh-cn/zh-cn.js"></script>
	<script type="text/javascript" src="../lib/js/easy.ajax.js"></script>
	<script type="text/javascript" src="../js/tactics.js"></script>
</body>
</html>